<template>
	<view class="boxx">
		<!-- 页面头部 -->
		<div class="head">
			<!-- 返回按钮 -->
			<img src="../../static/img/fanhui.png" alt="" class="return_botton">
			<!-- 页面标题 -->
			<p class="title">我的关注</p>
			<!-- 保存按钮 -->
		</div>
		<!-- 占位 -->
		<div class="mark_one"></div>
		<!-- 内容区 -->
		<div class="content">
			<!-- 头像 -->
			<img src="../../static/img/6.png" alt="" class="hand_img">
			<!-- 昵称 -->
			<p class="name">迷人的小妖精</p>
			<!-- 个签 -->
			<p class="sign">公益一直是我想做的事情</p>
			<!-- 取消关注按钮 -->
			<div class="cancel">
				<p class="cancel_word">取消关注</p>
			</div>
		</div>
		<!-- 内容区 -->
		<div class="content">
			<!-- 头像 -->
			<img src="../../static/img/6.png" alt="" class="hand_img">
			<!-- 昵称 -->
			<p class="name">迷人的小妖精</p>
			<!-- 个签 -->
			<p class="sign">公益一直是我想做的事情</p>
			<!-- 取消关注按钮 -->
			<div class="cancel">
				<p class="cancel_word">取消关注</p>
			</div>
		</div>
	</view>
</template>

<script>
</script>

<style scoped>
	/* 页面头部  */
	.head {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 76rpx;
		line-height: 76rpx;
		/* 76 */
		background-color: white;
		border-bottom: whitesmoke 1px solid;
		/* 高行高 76 */

	}

	/* 返回按钮 */
	.return_botton {
		float: left;
		margin-top: 20rpx;
		/* 20 */
		margin-left: 20rpx;
		float: left;
		width: 36rpx;
		/* 36 */
		height: 36rpx;
		/* 36 */

	}

	/* 页面标题 */
	.title {
		float: left;
		margin-left: 272rpx;
		/* 272 */
		font-size: 30rpx;
		/* 30 */
		font-weight: bold;
		text-align: center;
	}

	/* 占位 */
	.mark_one {
		height: 76rpx;
		/* 76 */
	}

	/* 内容区 */
	.content {
		margin: 0 auto;
		margin-top: 22rpx;
		/* 22 */
		width: 710rpx;
		/* 710 */
		height: 154rpx;
		/* 154 */
		background-color: #FFEC8B;
		box-shadow: 18rpx 18rpx 54rpx 18rpx #F5F5F5;
		/* 18 18 54 18 */
		border-radius: 9rpx;
		/* 9 */
	}

	/* 头像 */
	.hand_img {
		float: left;
		margin-top: 22rpx;
		margin-left: 22rpx;
		/* 22 */
		width: 109rpx;
		height: 109rpx;
		/* 109 */
		border-radius: 181rpx;
		/* 181 */
	}

	/* 昵称 */
	.name {
		float: left;
		width: 154rpx;
		/* 154 */
		margin-top: 22rpx;
		/* 22 */
		margin-left: 18rpx;
		/* 18 */
		font-size: 25rpx;
		/* 25 */
	}

	/* 个签 */
	.sign {
		float: left;
		margin-top: 75rpx;
		/* 75 */
		margin-left: -154rpx;
		/* 154 */
		color: #A8A8A8;
		font-size: 24rpx;
		/* 24 */
	}

	/* 取消关注按钮 */
	.cancel {
		float: left;
		margin-top: 45rpx;
		/* /* 45 */
		margin-left: 118rpx;
		/* 118 */
		border-radius: 9rpx;
		/* 9 */
		width: 152rpx;
		/* 152 */
		height: 62rpx;
		/* 62 */
		background-color: #FFDA44;
	}

	.cancel_word {
		margin-top: 13rpx;
		/* 13 */
		margin-left: 36rpx;
		/* 36 */
		font-size: 25rpx;
		/* 25 */
		color: white;
		font-weight: bold;
	}
</style>
